﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Tab.Master" AutoEventWireup="true" CodeBehind="Voide.aspx.cs" Inherits="AiXiu.WebSite.Voide" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> 
    <title>视频列表页面</title>
    <style>
        .media-object {
            width: 100%;
        }

        #img {
            width:35px;
            height:35px;
        }

        .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body { 
            width:100px;
            height:38px;
            margin-top:0px;
        }
    </style>
    <script>
        $(function () {
            $("#voide").addClass("mui-active").siblings().removeClass("mui-active");
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="mui-content" style="background-color: #fff">
        <form runat="server" id="form1">
            <ul class="mui-table-view mui-grid-view">
                <asp:Repeater ID="rptVideos" runat="server">
                    <ItemTemplate>
                        <li class="mui-table-view-cell mui-media mui-col-xs-6">
                            <a  href="Play.aspx?videoId=<%#Eval("VideoId") %>"">
                                <img class="media-object" src="<%#Eval("CoverURL") %>" />
                                <div class="mui-media-body">
                                    <img src="<%#Eval("TBUsers.Avatar") %>" id="img"/>
                                    <span><%#Eval("TBUsers.NickName") %></span>
                                </div>
                            </a>
                        </li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
        </form>
    </div>
</asp:Content>
